<body>
    <!--boxed layout-->
    <div class="boxed_layout relative w_xs_auto"> <!--markup footer-->
        <footer id="footer">
            <div class="footer_top_part">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">OVITIME.COM</h3>
                            <p class="m_bottom_25">Hân hạnh mang đến cho bạn một bộ sưu tập thời trang khổng lồ từ những thương hiệu nổi tiếng thế giới và Việt Nam.</p>
                            <!--social icons-->
                            <ul class="clearfix horizontal_list social_icons">
                                <li class="facebook m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Facebook</span> <a href="#" class="r_corners t_align_c tr_delay_hover f_size_ex_large"> <i class="fa fa-facebook"></i> </a> </li>
                                <li class="twitter m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Twitter</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-twitter"></i> </a> </li>
                                <li class="google_plus m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Google Plus</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-google-plus"></i> </a> </li>
                                <li class="rss m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Rss</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-rss"></i> </a> </li>
                                <li class="pinterest m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Pinterest</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-pinterest"></i> </a> </li>
                                <li class="instagram m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Instagram</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-instagram"></i> </a> </li>
                                <li class="linkedin m_bottom_5 m_sm_left_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">LinkedIn</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-linkedin"></i> </a> </li>
                                <li class="vimeo m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Vimeo</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-vimeo-square"></i> </a> </li>
                                <li class="youtube m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Youtube</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-youtube-play"></i> </a> </li>
                                <li class="flickr m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Flickr</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-flickr"></i> </a> </li>
                                <li class="envelope m_left_5 m_bottom_5 relative"> <span class="tooltip tr_all_hover r_corners color_dark f_size_small">Contact Us</span> <a href="#" class="r_corners f_size_ex_large t_align_c tr_delay_hover"> <i class="fa fa-envelope-o"></i> </a> </li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">HỖ TRỢ KHÁCH HÀNG</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="#">Hỏi đáp<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Hướng Dẫn Mua Hàng<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Hướng Dẫn Trả Hàng<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Hướng Dẫn Chọn Size<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Chính Sách Giao Hàng<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Nhận hàng hoàn trả tận nơi<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">Thông tin</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="#">Về chúng tôi<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Dịch Vụ Nổi Trội<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Điều Khoản & Điều Kiện<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Chính Sách Bảo Mật<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Tuyển dụng<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="#">Kiểm Tra Đơn Hàng<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <h3 class="color_light_2 m_bottom_20">BẠN LÀ KHÁCH HÀNG MỚI</h3>
                            <p class="f_size_medium m_bottom_15">Nhận ngay voucher trị giá 100.000 VNĐ<br>
                                Nhận ngay những ưu đãi và xu hướng thời trang mới nhất bằng cách đăng ký địa chỉ email nhận tin từ chúng tôi ngay bây giờ!</p>
                            <form id="newsletter">
                                <input type="email" placeholder="Địa chỉ email của bạn" class="m_bottom_20 r_corners f_size_medium full_width" name="newsletter-email">
                                <button type="submit" class="button_type_8 r_corners bg_scheme_color color_light tr_all_hover">Đăng ký nhận tin</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--copyright part-->
            <div class="footer_bottom_part">
                <div class="container clearfix t_mxs_align_c">
                    <p class="f_left f_mxs_none m_mxs_bottom_10">&copy; 2014 <span class="color_light">Ovitime</span>. Công ty TNHH Bán lẻ và Giao nhận Ovitime.</p>
                    <ul class="f_right horizontal_list clearfix f_mxs_none d_mxs_inline_b">
                        <li><img src="<?php echo base_url('assets'); ?>/images/payment_img_1.png" alt=""></li>
                        <li class="m_left_5"><img src="<?php echo base_url('assets'); ?>/images/payment_img_2.png" alt=""></li>
                        <li class="m_left_5"><img src="<?php echo base_url('assets'); ?>/images/payment_img_3.png" alt=""></li>
                        <li class="m_left_5"><img src="<?php echo base_url('assets'); ?>/images/payment_img_4.png" alt=""></li>
                        <li class="m_left_5"><img src="<?php echo base_url('assets'); ?>/images/payment_img_5.png" alt=""></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
</body>

